
<html dir="ltr" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	<style type="text/css">
		@import "domtab.css";
	</style>
<!--[if gt IE 6]>
	<style type="text/css">
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:3em;
		}
	</style>
<![endif]-->
	<script type="text/javascript" src="domtab.js"></script>
	<script type="text/javascript">
		document.write('<style type="text/css">');    
		document.write('div.domtab div{display:none;}<');
		document.write('/s'+'tyle>');    
    </script>
</head>
<body>
<div class="domtab">
	<ul class="domtabs">
		<li><a href="#qq">QQ</a></li>
		<li><a href="#facebook">Facebook</a></li>
		<li><a href="#gtalk">GTalk</a></li>
		<li><a href="#msn">MSN</a></li>

	</ul>
	<div>
		<a name="qq" id="qq"></a>
		<p><iframe src="https://www.google.com" frameborder="0" width="100%" height="100%" name="index "></iframe></p>
	</div>
	<div>
		<a name="facebook" id="facebook">Previous and next links</a>
		<p><iframe src="http://www.facebook.com/presence/popout.php" frameborder="0" width="100%" height="100%" name="index "></iframe></p>


	</div>
	<div>
		<a name="gtalk" id="gtalk">Previous and next links</a>
		<p><iframe src="http://talkgadget.google.com/talkgadget/client" frameborder="0" width="100%" height="100%" name="index "></iframe></p>

	</div>
	<div>
		<h2><a name="msn" id="msn">How to style DOMtab</a></h2>
		<p>Using the mandatory classes domtab for the main DIV of each menu, 
		and domtabs for the menu list, you can pretty much style your menus 
		any way you want to.</p>

	</div>
</div>


</body>
</html>
